/**
 * VUEshop
 * ============================================================================
 * * 版权所有 2015-2027 深圳搜豹网络科技有限公司，并保留所有权利。
 * 网站地址: http://www.vueshop.com.cn
 * ----------------------------------------------------------------------------
 * 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用 .
 * 不允许对程序代码以任何形式任何目的的再发布。
 * ============================================================================
 * $Author: 沈小白 2020-07-22 $
 */<template> 
    <view>
        <view class="error" v-if="ishide">
            <view class="error-box">
                <image :src="icon[type]"></image>
                <view class="error-text">{{errorText}}</view>
            </view> 
        </view>
    </view>
</template>
<script>
import config from "@/api/config";
export default {
    props:{
        errorText:{
            default:"错误信息",
            type:String
        },
        type:{
            default:0,
            type:String,
        }
    },
    data() {
        return {
            
            icon:[config.imgUrl+'error/warning.png',config.imgUrl+'error/success.png'],//0 警告 1成功
            ishide:false,
        }
    },
    methods: {
        open(delay="3000"){
            let that=this;
            new Promise((resolve,reject)=>{
                that.ishide=true;
                resolve(that.ishide)
               
                
            }).then(res=>{
                setTimeout(()=>{
                    that.close()
                },delay)
            })
        },
        close(){
            this.ishide=false;
        }
    },
}
</script>
<style lang="scss">
    .error{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 10;
    }
    .error-box{
        width:400rpx;
        height:291rpx;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background:#000000;
        opacity:0.6;
        border-radius:20rpx;
    }
    image{
        width: 120rpx;
        height:120rpx;
        margin-bottom: 50rpx;
    }
    .error-text{
        color: #FFFFFF;
        font-size: 30rpx;
    }
</style>